@import "./base.css";

#app {
	/* max-width: 1280px; */
	margin: 0 auto;
	font-weight: normal;
	width: 100vw;
	height: 100vh;
}

a,
.green {
	text-decoration: none;
	color: hsla(160, 100%, 37%, 1);
	transition: 0.4s;
	padding: 3px;
}

@media (hover: hover) {
	a:hover {
		background-color: hsla(160, 100%, 37%, 0.2);
	}
}

@media (min-width: 1024px) {
	body {
		display: flex;
		place-items: center;
	}

	#app {
		/* display: grid;
		grid-template-columns: 1fr 1fr; */
		/* padding: 0 2rem; */
	}
}
